<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>股本记录</title>
    <link rel="stylesheet" href="__CSS__/ming_common.css">
    <link rel="stylesheet" href="__CSS__/ming.css">
</head>

<body style="padding-top: 38px">
<header class="header" style="padding: 0 3% 0 2.5%">
    <!--<a href='javascript:history.back(-1)' style="display: flex;align-items: center">-->
<!--    <a href="{:U('Discover/stock_transfer')}" style="display: flex;align-items:center;justify-content: center">-->
    <a href="{:U('Discover/stock_transfer')}" style="width: auto">
        <div style="display: flex;align-items: center">
            <img src="__IMG__/ex/back_black.png" alt="" style="width: .2rem;padding:0 .2rem">
            <p>CES账户</p>
        </div>
    </a>


<!--    </a>-->

    <a href="{:U('Discover/stock_list')}" style="width: 0.7rem;"> <span style="color: #000;font-size: 0.35rem;">账单</span></a>
</header>
<!--<header class="normal_header"  style="background: #EC1C24;">-->
    <!--<div class="header_pic">-->
        <!--<a href="javascript:history.back(-1)"><img src="__IMG__/ex/back.png" alt=""></a>-->
    <!--</div>-->
    <!--<p style="color: #fff;">VIP用户</p>-->
    <!--<div class="header_pic"></div>-->
<!--</header>-->
<section class="content">

    <div class="qianbao">
        <div class="stock_body">
            <div class="stock_head" style="margin-top: .2rem">
                <div>
                    <span>UID账户:</span>
                    <span></span>
                </div>
                <div>
                    <p>{$user.uid}</p>
                </div>
            </div>
            <div class="stock_head">
                <div>
                    <span>名称:</span>
                    <span>兑换网点名称</span>
                </div>
                <div>
                    <p>{$config.ces_name}</p>
                </div>
            </div>
            <div class="stock_head">
                <div>
                    <span>资产:</span>
                    <span>CES总股本 USDT</span>
                </div>
                <div>
                    <p>{$config.a42}</p>
                </div>
            </div>
            <div class="stock_head">
                <div>
                    <span>股数:</span>
                    <span>持股金额USDT</span>
                </div>
                <div>
                    <p>{$user.z16}</p>
                </div>
            </div>
            <div class="stock_head">
                <div>
                    <span>股比:</span>
                    <span>持股比例</span>
                </div>
                <div>
                    <p>{$user['z16']/$config['a42']*100|round=4}%</p>
                </div>
            </div>
            <div class="stock_head">
                <div>
                    <span>股红:</span>
                    <span>利润SWEET红利</span>
                </div>
                <div>
                    <p>{$user.gh|round=4}</p>
                </div>
            </div>
        </div>

        <div class="stock_footer" style="padding: .2rem">
            <p>CES股数概述</p>
            <p style="color: #A9A9A9;font-size: 13px;margin-top: .3rem;line-height: .4rem">
                CES股数依托于多年兑换服务的全球生态资源，致力于打造安全、专业、高效的兑换服务。为所有参与兑换的用户共同持有CES股数，从而获取更大的市场红利。            </p>
            <div style="text-align: center;margin-top: 1rem">
                <button style="padding: .2rem 2rem;border-radius: 25px;color: #fff;border:none;outline:none;background: #A9A9A9">转让/出售</button>
            </div>
        </div>
    </div>
</section>

<style>
    .stock_head >div span:last-child{
        font-size: 13px;
    }
    .stock_footer{
        background: #fff;
        margin-top:.2rem;
        font-size: 16px;
        height: 5rem;
    }
    .stock_body{
        margin-top:.2rem;
    }
    .stock_body .stock_head{
        border-bottom: 1px solid #F1F3F4;
    }
    .stock_head div span:last-child{
        color:#A9A9A9;
        padding-left: .2rem;
    }
    .stock_head{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #fff;
        font-size: 16px;
        padding: .2rem;
    }
    .content{
        background: #F1F3F4;
        height: 100%;
    }
    .header{
        /*background:#EC1C24;*/
        /*border-bottom: 1px solid #EC1C24;*/
    }
    .content_header a{
        background: rgba(91, 91, 101, .2);
        border:1px solid #dedede;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin: .1rem;
    }
    .qianbao {
        padding: 0 2.5%;
        box-sizing: border-box;
    }

</style>

</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script>
    const handleLookPs = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword');
        let pwd = document.getElementById('passwd');
        let psInput = ImagePs.parentNode.children[3];
        let huilv = document.getElementById('huilv')
        console.log(pwd);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv.style.display = 'none'
            }

        }
    }
    handleLookPs();

    const handleLookPs2 = () => {
        let psFlag = true
        let ImagePs = document.querySelector('#lookPassword2');
        let pwd2 = document.getElementById('passwd2');
        let psInput = ImagePs.parentNode.children[3];
        let huilv2 = document.getElementById('huilv2')
        console.log(pwd2);
        console.log(huilv);

        ImagePs.onclick = function () {
            if (psFlag) {
                psFlag = !psFlag
                pwd2.type = 'text'
                this.src = '__IMG__/ex/seeps.png';
                huilv2.style.display = 'inline-block'
            } else {
                psFlag = !psFlag
                pwd2.type = 'password'
                this.src = '__IMG__/ex/downps.png'
                huilv2.style.display = 'none'
            }

        }
    }
    handleLookPs2();

    $('#exchange').on('change',function(){
        var type = $(this).val();
        if(type == 1){
            $('.content_header_money').css('display','block');
            $('.content_header_money2').css('display','none')
        }else{
            $('.content_header_money2').css('display','block');
            $('.content_header_money').css('display','none')
        }
    })

</script>

</html>